<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS3动画</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<!--3D转换-->
<div onclick="rotateDIV()" id="rotate1" class="animated_div">2D 旋转</div>
<div onclick="rotateYDIV()" id="rotatey1" class="animated_div">3D 旋转</div>
<!--3D过渡-->
<div class="animated_p">CSS3 过渡</div>
<!--3D延展-->
<div class="stretch">把鼠标指针放到黄色的 div 元素上，来查看过渡效果</div>
<!--CSS3 动画-->
<div class="keyframes_div">CSS3 动画</div>
<div class="myfirst"></div>
<script src="script.js"></script>
</body>
</html>